<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>九功体育</title>
    <link href="css/swiper.css" rel="stylesheet" />
    <link href="css/index.css" rel="stylesheet"/>
</head>

<body>
<div class="wrap">
    <div class="wrap-title">
        <div class="center">
            <ul>
                <li>欢迎来到九功体育网</li>
                <li><a href="javascript:void(0)">登录</a></li>
                <li>|</li>
                <li><a href="javascript:void(0)">注册</a></li>
            </ul>
            <ul class="wrap-language">
                <li>未登录</li>
                <li><a href="javascript:void(0)">中文</a></li>
                <li>|</li>
                <li><a href="javascript:void(0)">English</a></li>
            </ul>
        </div>
    </div>
    <!-- 导航 开始 -->
    <div class="wrap-header center">
        <p></p>
        <ul>
            <li><a href="javascript:void(0)">首页</a></li>
            <li class="wrap-nav-ck">
                <a href="javascript:void(0)">赛事活动</a>
                <div class="wrap-nav">
                    <div class="nav-contain">
                        <ul class="nav-ul">
                            <li><a href="#">田径精英</a></li>
                            <li><a href="#">美丽乡村</a></li>
                            <li><a href="#">校友足球</a></li>
                            <li><a href="#">校园马拉松</a></li>
                            <li><a href="#">企业活动</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li><a href="javascript:void(0)">我要报名</a></li>
            <li><a href="javascript:void(0)">精彩集锦</a></li>
            <li><a href="javascript:void(0)">赞助招商</a></li>
            <li><a href="javascript:void(0)">加入我们</a></li>
            <li><a href="javascript:void(0)">关于我们</a></li>
        </ul>
    </div>
    <!-- 轮播代码 开始 -->
    <div id="playBox">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image:url(images/banner.png)"></div>
                <div class="swiper-slide" style="background-image:url(images/banner.png)"></div>
            </div>
            <div class="pagination"></div>
        </div>
        <!-- 表单输入框 开始 -->
        <div class="wrap-box">
            <div class="wrap-form">
                <div class="wrap-formlogin clear">
                    <p class="sel" data-type="reg">注册</p>
                    <p data-type="login">登录</p>
                </div>

                <div class="wrap-formzc">免费注册</div>

                <form class="index-form">
                    <label class="username">用户名 <span>* 请输入用户名</span></label>
                    <div class="wrap-input username"><input name="username" class="cleario" type="text" placeholder="请输入数字字母或英文"/></div>
                    <label>邮箱/手机号 <span>* 请输入正确的邮箱或手机号</span></label>
                    <div class="wrap-input phonemail"><input name="phonemail" class="ipt-one" type="text" placeholder="请输入常用的邮箱或手机号"/></div>
                    <label>密码 <span>* 请输入6-16位的密码</span></label>
                    <div class="wrap-input password"><input name="password" class="ipt-one" type="password" placeholder="6-16位字符"/></div>

                    <input name="type" type="hidden" value="reg" />
                </form>
                <div class="wrap-formlizc">立即注册</div>
            </div>
        </div>
    </div>
    <!-- 表单输入框 开始 -->

    <!-- 面包屑 开始 -->
    <div class="wrap-bagnav">
        <div class="center">首页 > 赛事活动 > 2016美丽乡村路跑系列赛</div>
    </div>

    <!-- 内容开始 开始 -->
    <div class="wrap-detail center">
        <div class="wrap-detail-fl">
            <span class="wrap-detail-fl-w">2016美丽乡村路跑系列赛（庆元站）--隆宫山地跑竞赛</span>
            
            <div class="wrap-detail-baoming">
                <a href="javascript:void(0)" class="sel" data-type="personal">个人报名</a><a href="javascript:void(0)" data-type="team">团体报名</a>
            </div>

            <form class="wrap-enroll-form">
                <div class="personal">
                    <label>参赛者信息填写</label><br/>
                    <label>姓名：</label><input name="name" type="text"/><span class="error">* 请填写姓名</span><br/>
                    <label>国籍：</label><select name="country"><option>中国</option></select><br/>
                    <label>证件（身份证）</label><br/>
                    <label>证件号码：</label><input name="idCard" type="text"/><span class="error">* 请输入正确的证件号码</span><br/>
                    <div style="clear:both"></div>
                    <label>上传证件扫面件（或图片）</label>
                    <div class="wrap-enroll-shangchuan">上传<input name="cardImage" type="file" onchange="setImagePreview(this)"/></div><span class="error">* 请上传正确的图片</span>
                    <div class="photo-con"><div class="photo"><img /></div></div>
                    <div style="width: 100%; height: 20px"></div>
                    <label>联系电话：</label><input name="phone" type="text"/><span class="error">* 请填写正确的电话</span><br/>
                    <label>健康信息（半程或者半程以上需要显示此选项）：</label><br/>
                    <textarea name="health"></textarea><br/>
                    <label>上传健康证明（<a href="#">下载健康证明表格</a>）</label><div class="wrap-enroll-shangchuan">上传<input name="healthCertify" type="file" onchange="showFilePath(this)"/></div><span class="error path"></span>
                    <div style="clear:both"></div>
                    <label>紧急联系人信息：</label><br/>
                    <label>紧急联系人姓名：</label><input name="contactName" type="text"/><span class="error">* 请填写紧急联系人姓名</span><br/>
                    <label>紧急联系人电话：</label><input name="contactPhone" type="text"/><span class="error">* 请填写正确的电话</span><br/>
                    <label>其他特殊信息：</label><br/>
                    <textarea name="other"></textarea><br/>
                </div>

                <div class="team">
                    <label>领队信息填写</label><br/>
                    <label>姓名：</label><input name="teamLeader" type="text"/><span class="error">* 请填写姓名</span><br/>
                    <label>证件（身份证）</label><br/>
                    <label>证件号码：</label><input name="teamIdCard" type="text"/><span class="error">* 请输入正确的证件号码</span><br/>
                    <div style="clear:both"></div>
                    <label>上传证件扫面件（或图片）</label>
                    <div class="wrap-enroll-shangchuan">上传<input name="teamCardImage" type="file" onchange="setImagePreview(this)"/></div><span class="error">* 请上传正确的图片</span>
                    <div class="photo-con"><div class="photo"><img /></div></div>
                    <div style="width: 100%; height: 20px"></div>
                    <label>联系电话：</label><input name="teamPhone" type="text"/><span class="error">* 请填写正确的电话</span><br/>
                    <label>健康信息（半程或者半程以上需要显示此选项）：</label><br/>
                    <textarea name="health"></textarea><br/>
                    <label>上传健康证明（<a href="#">下载健康证明表格</a>）</label><div class="wrap-enroll-shangchuan">上传<input name="teamHealthCertify" type="file" onchange="showFilePath(this)"/></div><span class="error path"></span>
                    <div style="clear:both"></div>
                    <label>上传团队报名表（<a href="#">下载团队报名表</a>）</label><div class="wrap-enroll-shangchuan">上传<input name="teamEnrollBook" type="file" onchange="showFilePath(this)"/></div><span class="error path"></span><br />
                </div>
                <input id="postTicket" name="postTicket" type="checkbox" /><label for="postTicket">是否需要珍藏版邮票</label><br>
                <input id="postCard" name="postCard" type="checkbox"/><label for="postCard">是否要个人明信片</label><br>
                <input id="reserveRoom" name="reserveRoom" type="checkbox"/><label for="reserveRoom">是否要预定住宿（住宿是针对特殊赛事，住宿紧张情况）</label><br>

                <input name="type" type="hidden" value="personal" />

                <div class="wrap-enroll-finish">
                    <div class="wrap-finish-btn preview">预览</div>
                    <div class="wrap-finish-btn submit">提交</div>
                </div>
            </form>


        </div>
        <div class="wrap-detail-fr">
            <a href="#"><div class="wrap-detail-fr-a"></div></a>
            <a href="#"><div class="wrap-detail-fr-b"></div></a>
            <a href="#"><div class="wrap-detail-fr-c"></div></a>
            <a href="#"><div class="wrap-detail-fr-d"></div></a>
            <a href="#"><div class="wrap-detail-fr-e"></div></a>
            <a href="#"><div class="wrap-detail-fr-f"></div></a>
        </div>
    </div>
    <div style="width:100%;height:60px"></div>
    <!-- 联系方式 开始 -->
    <div class="wrap-phone clear">
        <div class="center">
            <div class="wrap-phone-left">
                <span>联系方式：</span>

                <p>九功体育文化有限公司<br>
                    联系人：陈先生 手机号：18357140396 <br>
                    联系电话：0571-87352606 传真：0571-87352606 <br>
                    地址：杭州市西湖区文三西路锋尚苑 邮编：310027<br>
                    企业官网：http://jiugongtiyu.com/</p>
            </div>

            <div class="wrap-phone-righta">
                <div>九功体育官方App下载</div>
                <a class="wrap-phone-rightd"></a><br>
                <a class="wrap-phone-rightf"></a>
            </div>
            <div class="wrap-phone-righta">
                <div>九功体育公众号</div>
                <div class="wrap-phone-right"></div>
            </div>
            <div class="wrap-phone-righta">
                <div>九功体育官方微博</div>
                <div class="wrap-phone-rightc"></div>
            </div>
        </div>
    </div>
    <!-- footer 开始 -->
    <div class="wrap-footer">
        <i></i>
        <ul class="clear">
            <li><a href="#">关于我们</a></li>
            <li>|</li>
            <li><a href="#">法律法规</a></li>
            <li>|</li>
            <li><a href="#">财政攻略</a></li>
            <li>|</li>
            <li><a href="#">服务专区</a></li>
            <li>|</li>
            <li><a href="#">友情链接</a></li>
        </ul>
        <p>备案号：浙ICP备11042752号-4 &nbsp;&nbsp; 浙ICP证140393号 &nbsp;&nbsp; 服务监督电话:18888833592 &nbsp;&nbsp; 商务合作:18888833593</p>
    </div>
</div>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script src="http://v3.jiathis.com/code/jia.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/common.js"></script>

</body>
</html>
